
* {margin:0;padding:0;}

/*----------------------------------------------------------------------------------------------------------------------------
 BODY & WRAPPER :- for DRUPAL :- body, #page... + any other wrapper you may need to contain
                                   your whole site...
----------------------------------------------------------------------------------------------------------------------------*/
body{}
#page {margin:0;padding:0;background:url(../images/interface/body-bg.gif) top center repeat;}

/* ----------------------------------------------------------------------------------------------------------------------------
        HEADER : - 
----------------------------------------------------------------------------------------------------------------------------*/
#header {margin:0 auto;padding:0;width:100%;background:url(../images/interface/header-bg-top.jpg) top center no-repeat;height:470px;}
#header-region {margin:0 auto;width:997px;position:relative}
#header-region .banner {margin:30px auto;padding:0;width:932px;}
/* ----------------------------------------------------------------------------------------------------------------------------
    NAVIGATION : - 
----------------------------------------------------------------------------------------------------------------------------*/
#navigation {margin:0;padding:0;position:absolute;top:0px;right:0;width:659px;height:107px;}
#navigation ul {margin:0;padding:0}
#navigation ul li {list-style-type:none;float:left;margin:0 20px;padding:0 15px;height:107px;position:relative}
#navigation ul li.no-border {border:none;}
#navigation ul li.active {background:#fdd01d;}
#navigation ul li:hover {background:#fdd01d;}
#navigation ul li.active a {color:#791315;}
#navigation ul li:hover a {color:#791315;}
#navigation ul li a {font-size:1.3em;color:#bebebe;text-decoration:none;line-height:97px;display:block;height:77px;padding:30px 0 0 0px}
/* ----------------------------------------------------------------------------------------------------------------------------
  CONTENTS : -  
----------------------------------------------------------------------------------------------------------------------------*/
#main-wrapper {width:987px;margin:0 auto;min-height:500px;padding:0 0 30px;}
#content-inner {margin:0;padding:0 30px;}
#content-inner .content-top {margin:0;padding:0}
#content-inner .content-top ul {margin:0 0 24px 0;padding:10px 0}
#content-inner .content-top ul li {margin:0;padding:0 10px;list-style-type:none;float:left;border-right:1px solid #060d0d;}
#content-inner .content-top ul li a {text-decoration:none;color:#342f31;display:block;text-transform:uppercase}
#content-inner .content-top ul li a:hover {color:#8aba4f}
#content-inner .content-area {width:922px;height:auto}
#content-inner .content-area .content-area-inner {margin:0;padding:20px 0;width:922px;min-height:500px;}
#content-inner .content-area .content-area-inner  .col-left {margin:0; padding:20px 0;width:590px;float:left;}
#content-inner .content-area .content-area-inner  .col-right {margin:0; padding:0;width:250px;float:right;}
/* ----------------------------------------------------------------------------------------------------------------------------
  FOOTER :- 
----------------------------------------------------------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------------------
  MISC : - clearing of floats and other defaults classes that you may need. This list is not exhastive.
----------------------------------------------------------------------------------------------------------------------------*/
.clear{clear:both; height:0; margin:0; padding:0; overflow:hidden;}
.right{float:right;}
.left{float:left;}
.noborder{border:none; margin:0; padding:0;}
img{margin:0; padding:0;}
hr{height:1px; margin:0; padding:0; width:100%; border:none;background:none;}
/* Clearing Floats
----------------------------------------------------------------------------------------------------------------------------*/
.clearfix:after{content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden;}
.clearfix{display: inline-block;} 
/* Hides from IE Mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix{display:block;} /* End Hack */
